<div [ngStyle]="tagData.cssStyle | styleFilter" id="certificate-list">
    <div *ngFor="let item of tagData.data?.data;let i = index;" class="papers-content">
        <div class="title" *ngIf="item.firstRowLeft?.firstText?.label">
            <span [ngStyle]="item.firstRowLeft?.firstText.cssStyle | styleFilter">
                {{item.firstRowLeft.firstText.label}}
                <span *ngIf="item.firstRowLeft?.secondText?.label"
                    [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter">{{item.firstRowLeft.secondText?.label}}</span>
            </span>
            <i class="unCheck" [ngClass]="{'checked':item.checked === 'true' || item.checked === true}" appDebounceClick (debounceClick)="checkShow(item, tagData.data?.data)" 
            [ngStyle]="item.checkedCssStyle | styleFilter"></i>
        </div>
        <div class="data-content" [ngStyle]="item.dataContentCssStyle | styleFilter">
            <div class="content-left">
                <div class="data-img" *ngIf="item.secondRowLeft?.firstText && item.secondRowLeft.firstText.img" appDebounceClick (debounceClick)="openPage(item)" 
                    [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">
                    <img [ngStyle]="item.secondRowLeft.firstText.imgCssStyle | styleFilter" src="{{item.secondRowLeft.firstText.img}}">
                    <span [ngStyle]="item.secondRowLeft.firstText.labelCssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
                    <span *ngIf="item.secondRowLeft.firstText.value && item.secondRowLeft.firstText.value > 1" [ngStyle]="item.secondRowLeft.firstText.valueCssStyle | styleFilter">{{item.secondRowLeft.firstText.value}}</span>
                </div>

                <div class="data-img" *ngIf="item.secondRowLeft?.secondText && item.secondRowLeft.secondText.img" appDebounceClick (debounceClick)="openPage(item)"
                    [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">
                    <img [ngStyle]="item.secondRowLeft.secondText.imgCssStyle | styleFilter" src="{{item.secondRowLeft.secondText.img}}">
                    <span [ngStyle]="item.secondRowLeft.secondText.labelCssStyle | styleFilter">{{item.secondRowLeft.secondText.label}}</span>
                    <span *ngIf="item.secondRowLeft.secondText.value && item.secondRowLeft.secondText.value > 1" [ngStyle]="item.secondRowLeft.secondText.valueCssStyle | styleFilter">{{item.secondRowLeft.secondText.value}}</span>
                </div>
            </div>

            <div class="content-right">
                <ng-container *ngIf="item.buttons && item.buttons.length > 0">
                    <div class="buttons" *ngFor="let ite of item.buttons;" [ngStyle]="ite.btnCssStyle | styleFilter"
                    appDebounceClick (debounceClick)="normalBtnClick(ite, i, item.buttons)">{{ite.label}}</div>
                </ng-container>
            </div>
        </div>

    </div>
</div>

<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0"
  [ngStyle]="tagData.hintCssStyle | styleFilter">
  <ng-container *ngIf="tagData.hint">
    {{tagData.hint}}
  </ng-container>
  <ng-container *ngIf="!tagData.hint">
    暂无数据
  </ng-container>
</p>

<ion-infinite-scroll threshold="100px" (ionInfinite)="loadMoreData($event)" *ngIf="showLoadMore">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>